<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Find Images of Gene Expression in Drosophila Testes and Embryos</title>

        <!-- basic style foundations -->
        <link rel="stylesheet" type="text/css" href="../../../lib/yui_2.5.1/build/reset-fonts-grids/reset-fonts-grids.css"/>
        <link rel="stylesheet" type="text/css" href="../../../lib/yui_2.5.1/build/base/base-min.css"/>
        <link type="text/css" rel="stylesheet" href="../../../lib/yui_2.5.1/build/logger/assets/skins/sam/logger.css"/>
        
<!-- development -->        <link rel="stylesheet" type="text/css" href="../../flyui/mvcutils/mvcutils.css"/> 
<!-- development -->        <link rel="stylesheet" type="text/css" href="../common/base-default.css"/>
<!-- development -->        <link rel="stylesheet" type="text/css" href="../common/genefinder-default.css"/>
<!-- development -->        <link rel="stylesheet" type="text/css" href="../common/bdgp-default.css"/>
<!-- development -->        <link rel="stylesheet" type="text/css" href="../common/flyted-default.css"/>
<!-- development -->        <link rel="stylesheet" type="text/css" href="application.css"/>

<!-- deployment        <link rel="stylesheet" type="text/css" href="../../flyui/mvcutils/mvcutils-min.css"/>-->
<!-- deployment        <link rel="stylesheet" type="text/css" href="../common/base-default-min.css"/>-->
<!-- deployment        <link rel="stylesheet" type="text/css" href="../common/genefinder-default-min.css"/>-->
<!-- deployment        <link rel="stylesheet" type="text/css" href="../common/bdgp-default-min.css"/>-->
<!-- deployment        <link rel="stylesheet" type="text/css" href="../common/flyted-default-min.css"/>-->
<!-- deployment        <link rel="stylesheet" type="text/css" href="application-min.css"/>-->    

    </head>
    <body>
        
        <!-- main document div, hook for yui -->
        <div id="doc3">
            
            <!-- header div -->
            <div id="hd">
                <h1>Find Images of Gene Expression in Drosophila Testes and Embryos</h1>
            </div>
            
            <!-- page body div -->
            <div id="bd">
                
                <!-- loading pane -->
                <div id="loadingPane">
                    <p>Please wait while the application loads...</p>
                </div>
                
                <!-- application pane, initially invisible until application is loaded -->
                <div id="applicationPane" class="invisible">
                    
                    <!-- form pane, containing query input form -->
                    <div id="formPane">

                        <!-- query form -->
                        <form id="queryForm" action="javascript:void(0)">
                            <p>
                                <label><strong>gene name:</strong> </label>
                                <input type="text" id="queryInput"/>
                                <input type="submit" id="querySubmit" value="Go"/>
                            </p>
<!--                            <p>E.g. Aos1, CG12276 or FBgn0029512 (case doesn't matter)</p>-->
                            <p>E.g. schuy, CG17736 or FBgn0036925 (case doesn't matter)</p>
                        </form>
                        
                    </div>

                    <div id="errorPane">
                        <p id="errorMessage" style="display:none">
                            this should never be displayed
                        </p>
                    </div>
                                        
                    <!-- container for genefinder -->
                    <div id="geneFinderContainer">
                        
                        <!-- genefinder widget pane -->
                        <div id="genefinderPane" class="widgetPane">

                            <h2>genefinder</h2>

                            <!-- genefinder widget canvas -->
                            <div id="genefinderWidget"></div>                    

                        </div>

                    </div>
                    
                    <!-- container for both image widgets -->
                    <div id="imageWidgetsPane" class="yui-g">
                        
                        <!-- flyted image widget pane -->
                        <div id="flytedImagePane" class="yui-u first widgetPane">
                            <h2>in situ hybridisation in testes</h2>
                            <!-- flyted image widget canvas -->
                            <div id="flytedImageWidget" class="imageWidget"></div>
                        </div>
                        
                        <!-- bdgp image widget pane -->
                        <div id="bdgpImagePane" class="yui-u widgetPane">
                            <h2>in situ hybridisation in embryos</h2>
                            <!-- bdgp image widget canvas -->
                            <div id="bdgpImageWidget" class="imageWidget"></div>    
                        </div>
                        
                    </div>
                                        
                </div>
                
            </div>
            
            <div id="ft" class="yui-skin-sam">
                <p>powered by <a href="http://code.google.com/p/flyui">FlyUI</a> and <a href="http://code.google.com/p/openflydata">OpenFlyData</a></p>
                <p>
                    developer options:
                    <a href="javascript:void(0)" onclick="flyui.mvcutils.show(document.getElementById('logger'))">show logger</a>
                    <a href="javascript:void(0)" onclick="flyui.mvcutils.hide(document.getElementById('logger'))">hide logger</a>
                </p>
                <div id="logger" class="invisible"></div>
            </div>
        </div>
        
        <!-- YUI dependencies -->
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/yahoo/yahoo-min.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/connection/connection-min.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/json/json-min.js"></script>
        <script type="text/javascript" src="../../../lib/yui_2.5.1/build/logger/logger-min.js"></script>
        
        <!-- FlyUI dependencies -->

<!-- development -->        <script type="text/javascript" src="../../flyui/flyui/flyui.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/arrayutils/arrayutils.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/mvcutils/mvcutils-showhide.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/mvcutils/mvcutils-model2.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/sparql/sparql-service.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/flybase/flybase.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/genefinder/genefinder.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/flyted/flyted-mappings.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/flyted/flyted-service.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/flyted/flyted-imagewidget.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/bdgp/bdgp-service.js"></script>
<!-- development -->        <script type="text/javascript" src="../../flyui/bdgp/bdgp-imagewidget.js"></script>

<!-- deployment        <script type="text/javascript" src="../../flyui/flyui/flyui-utils-sparql-min.js"></script>-->
<!-- deployment        <script type="text/javascript" src="../../flyui/genefinder/flybase-genefinder-min.js"></script>-->
<!-- deployment        <script type="text/javascript" src="../../flyui/flyted/flyted-min.js"></script>-->
<!-- deployment        <script type="text/javascript" src="../../flyui/bdgp/bdgp-min.js"></script>-->

        <!-- Application -->

<!-- development -->        <script type="text/javascript" src="application.js"></script>

<!-- deployment        <script type="text/javascript" src="application-min.js"></script>-->
        
    </body>
</html>